
<html>
<head>
  <title>梦想有理，幻想无界</title>
  <meta name="author" content="Zichen Zheng"/>
  <meta name="copyright" content="NetEase Inc."/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta charset="UTF-8"/>
  <link rel="stylesheet" href="css/main.css">
  <script>
    (function() {

        var share = {
            imgUrl      : 'http://tianyu.163.com/m/spokesman/activity/fantacy/images/shareicon.png',
            descContent : [
                '幻想无罪，发梦有理，来放肆狂妄的做梦吧！',
                '点我，满足你的一切“幻想”！',
                '多久没有像孩子一样幻想了？还记得幻想的滋味吗？',
                '一世鸡汤不如一刻幻想，我们为勇气而战。'
            ],
            shareTitle : '“梦想有理，幻想无界',
            lineLink   : 'http://tianyu.163.com/m/spokesman/activity/fantacy/index.html'
        };

        // Random generator
        function getRandom(range) {
            return Math.floor(Math.random() * 100000 % range);
        }

        // Weixin Share
        function shareFriend() {
            WeixinJSBridge.invoke('sendAppMessage', {
                'img_url'    : share.imgUrl,
                'img_width'  : '200',
                'img_height' : '200',
                'link'       : share.lineLink,
                'desc'       : share.descContent[getRandom(3)],
                'title'      : share.shareTitle
            }, function(res) {
                try {
                  nie.config.stats.url.add('9999/index.html?click=friend', 'shareToFriends');
                } catch (e) {}
            });
        }

        function shareTimeline() {
            WeixinJSBridge.invoke('shareTimeline', {
                'img_url'    : share.imgUrl,
                'img_width'  : '200',
                'img_height' : '200',
                'link'       : share.lineLink,
                'desc'       : share.descContent[getRandom(3)],
                'title'      : share.descContent[getRandom(3)]
            }, function(res) {
              try {
                nie.config.stats.url.add('9999/index.html?click=timeline', 'shareToTimeline');
              } catch (e) {}
            });
        }

        function onBridgeReady() {
            WeixinJSBridge.on('menu:share:appmessage', function() {
                shareFriend();
            });
            WeixinJSBridge.on('menu:share:timeline', function() {
                shareTimeline();
            });
        }

        if (document.addEventListener) {
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
        } else {
            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
        }

    }());
  </script>
</head>
<body>

<div class="page1">
  <img class="door left" src="images/leftdoor.jpg"/>
  <img class="door right" src="images/rightdoor.jpg"/>
  <div class="page-content">
    <div class="logo"></div>
    <div class="title"></div>
    <div class="finger">
      <div class="arrows"></div>
      <div class="circle"></div>
      <div class="grid"></div>
      <div class="print"></div>
      <div class="tip"></div>
    </div>
  </div>
</div>

<script charset="gb2312" src="http://res.nie.netease.com/comm/js/jquery(mixNIE).last.js"></script>
<!-- // <script charset="utf-8" src="js/zepto.min.js"></script> -->
<!-- <script charset="utf-8" src="js/jquery.min.js"></script> -->

<script charset="utf-8" src="js/main.js"></script>

<script src="http://analytics.163.com/ntes.js" type="text/javascript"></script>
<script type="text/javascript">
_ntes_nacc = "ty";
neteaseTracker();
</script>


<script id="tplpage2" type="text/pagetemplate">
  <div class="page2 pre">
    <img class="bg" src="images/bg2.jpg"/>
    <div class="page-content">
      <div class="title1"></div>
      <div class="title2"></div>
      <div class="subtitle">想一想，用一步让下面的等式成立</div>
      <div class="board">
        <div class="one"></div>
        <div class="words"></div>
      </div>
      <div class="tip">
        <div class="arrow"></div>
        <div class="hand"></div>
        <div class="words">向右滑动查看答案</div>
      </div>
    </div>
  </div>
</script>

<script id="tpltitlepage" type="text/pagetemplate">
  <div class="titlepage hidden">
    <div class="page-content">
      <div class="logo"></div>
      <div class="title">
        <div class="title1"></div>
        <div class="title2"></div>
        <div class="title3"></div>
      </div>
      <div class="tip">
        <div class="arrow"></div>
        <div class="hand"></div>
        <div class="words">向上滑动继续幻想</div>
      </div>
    </div>
  </div>
</script>

<script id="tplpage3" type="text/pagetemplate">
  <div class="page3">
    <div class="tip-bottom">
      <div class="person"></div>
      <div class="words">流星雨快来了，再高一点</div>
    </div>
    <div class="tip-top">
      <div class="arrow"></div>
      <div class="hand"></div>
    </div>
    <div class="meteor">
      <div class="star star1"></div>
      <div class="star star2"></div>
      <div class="star star3"></div>
      <div class="star star4"></div>
      <div class="star star5"></div>
      <div class="star star6"></div>
    </div>
  </div>
</script>

<script id="tplpage4" type="text/pagetemplate">
  <div class="page4">
    <img class="bg" src="images/bg4.jpg"/>
    <div class="page-content">
      <div class="mogu"></div>
      <img class="ani-mogu" src="images/mogu.gif"/>
      <div class="tip-top tip1"></div>
      <div class="tip-top tip3"></div>
      <div class="tip-top tip2"></div>
      <div class="tip-bottom">
        <div class="lip"></div>
        <div class="words">亲TA一下</div>
      </div>
    </div>
  </div>
</script>

<script id="tplpage5" type="text/pagetemplate">
  <div class="page5">
    <img class="bg" src="images/bg5.jpg"/>
    <div class="page-content">
      <div class="logo"></div>
      <div class="title"></div>
      <div class="words1"><span class="ws1">这世界</span><br/><span class="ws2">有你不曾发现的99%的未知与梦</span><br/><span class="ws3">勇敢的幻想</span></div>
      <div class="words2"><span class="ws4">你，</span><span class="ws5">敢来吗?</span></div>
      <a class="share-btn" href="javascript:;"></a>
      <a class="home-btn" href="http://tianyu.163.com/" target="_blank"></a>
      <a class="refresh-btn" href="javascript:;"></a>
    </div>
    <div class="share">
      <div class="page-content">
        <div class="words"></div>
      </div>
    </div>
  </div>
</script>

</body>

</html>